import React from 'react';
import { Routes, Route } from 'react-router-dom';
import ExportButton from './ExportButton';
import CustomPage from './CustomPage';
import ExcelReader from './ExcelReader';
import DynamicTablePage from './DynamicTablePage';
import MergeData from './MergeDataMove'
import Config from './ConfigPage'
import AddConfigPage from './AddConfigPage';
import ConfigDetailPage from './ConfigDetailPage';
const App = () => {
    return (
        <div>
            {/* <ExportButton /> */}
        <Routes>
            <Route path="/" element={<DynamicTablePage />} />
            <Route path="/button" element={<ExportButton />} />
            <Route path="/custom" element={<CustomPage />} />
            <Route path="/excel-reader" element={<ExcelReader />} />
            <Route path="/mergeData" element={<MergeData />} />
            <Route path="/config" element={<Config />} />
            <Route path="/add-config" element={<AddConfigPage />} />
            <Route path='/ConfigDetailPage' element={<ConfigDetailPage />}/>
        </Routes>
        </div>
    );
};

export default App;
